<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8"  isELIgnored="false"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>塑胶列表</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link href="/statics/assets/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="/statics/css/style.css"/>
    <link rel="stylesheet" href="/statics/assets/css/ace.min.css" />
    <link rel="stylesheet" href="/statics/assets/css/font-awesome.min.css" />
    <link rel="stylesheet" href="/statics/Widget/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
    <link href="/statics/Widget/icheck/icheck.css" rel="stylesheet" type="text/css" />
    <!--[if IE 7]>
    <link rel="stylesheet" href="/statics/assets/css/font-awesome-ie7.min.css" />

    <link rel="stylesheet" href="/statics/assets/css/ace-ie.min.css" />
    <![endif]-->
    <script src="/statics/js/jquery-1.9.1.min.js"></script>
    <script src="/statics/assets/js/bootstrap.min.js"></script>
    <script src="/statics/assets/js/typeahead-bs2.min.js"></script>
    <!-- page specific plugin scripts -->
    <script src="/statics/assets/js/jquery.dataTables.min.js"></script>
    <script src="/statics/assets/js/jquery.dataTables.bootstrap.js"></script>
    <script type="text/javascript" src="/statics/js/H-ui.js"></script>
    <script type="text/javascript" src="/statics/js/H-ui.admin.js"></script>
    <script src="/statics/assets/layer/layer.js" type="text/javascript" ></script>
    <script src="/statics/assets/laydate/laydate.js" type="text/javascript"></script>
    <script type="text/javascript" src="/statics/Widget/zTree/js/jquery.ztree.all-3.5.min.js"></script>
    <script src="/statics/js/lrtk.js" type="text/javascript" ></script>
    <script src="/statics/js/product_Llist.js" type="text/javascript" ></script>

</head>
<body>
<div class=" page-content clearfix">
    <div id="products_style">
        <div class="search_style">

            <ul class="search_content clearfix">
                <li><label class="l_f">类型:</label>&nbsp;&nbsp;&nbsp;&nbsp;
                    <input class="myrdo" type="radio" name="typeWebsite" value="0" checked="checked"/><span class="radio-text">全部</span>&nbsp;&nbsp;&nbsp;&nbsp;
                    <input class="myrdo" type="radio" name="typeWebsite" value="1" /><span class="radio-text">综合资讯</span>&nbsp;&nbsp;&nbsp;&nbsp;
                    <input class="myrdo" type="radio" name="typeWebsite" value="2" /><span class="radio-text">塑胶官网</span>&nbsp;&nbsp;&nbsp;&nbsp;
                    <input class="myrdo" type="radio" name="typeWebsite" value="3" /><span class="radio-text">名站</span>&nbsp;&nbsp;&nbsp;&nbsp;
                    <input class="myrdo" type="radio" name="typeWebsite" value="4" /><span class="radio-text">推荐供应商</span>&nbsp;&nbsp;&nbsp;&nbsp;

                </li>
                <li><label class="l_f">名称:</label><input name="name" type="text" id="name" value="" style=" margin-left:10px;"></li>
                <li style="width:90px;"><button type="button" class="btn_search" onclick="subbut();"><i class="icon-search"></i>查询</button></li>
            </ul>
        </div>
        <div class="border clearfix">
       <span class="l_f">
        <a href="/official/picture-add.html" title="添加数据" class="btn btn-warning Order_form"><i class="icon-plus"></i>添加商品</a>
        <a href="javascript:ovid()" class="btn btn-danger"><i class="icon-trash"></i>批量删除</a>
       </span>
            <span class="r_f">共：<b>${count}</b>条数据</span>
        </div>
        <!--产品列表展示-->
        <div class="h_products_list clearfix" id="products_list">
            <div id="scrollsidebar" class="left_Treeview">
                <div class="show_btn" id="rightArrow"><span></span></div>
                <div class="widget-box side_content" >
                    <div class="side_title"><a title="隐藏" class="close_btn"><span></span></a></div>
                    <div class="side_list"><div class="widget-header header-color-green2"><h4 class="lighter smaller">综合塑胶列表</h4></div>
                        <div class="widget-body">
                            <div class="widget-main padding-8"><div id="treeDemo" class="ztree"></div></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="table_menu_list" id="testIframe">
                <table class="table table-striped table-bordered table-hover" id="sample-table">
                    <thead>
                    <tr>
                        <th width="25px"><label><input type="checkbox" class="ace"><span class="lbl"></span></label></th>
                        <th width="80px">编号</th>
                        <th width="200px">图片</th>
                        <th width="100px">名称</th>
                        <th width="150px">链接地址</th>
                        <th width="100px">类型</th>
                        <th width="100px">id值1</th>
                        <th width="100px">id值2</th>
                        <th width="100px">id值3</th>
                        <th width="200px">操作</th>
                    </tr>
                    </thead>
                    <tbody id="sertbody">
                    <c:forEach items="${list.officialWebsitesList}" var="li">
                        <tr>
                            <td width="25px"><label><input type="checkbox" class="ace" ><span class="lbl"></span></label></td>
                            <td width="80px">${li.id}</td>
                            <td width="200px"><img src="${li.images}"/></td>
                            <td width="100px">${li.name}</td>
                            <td width="150px"><a target="_blank" href="${li.href}">${li.href}</a></td>
                            <td width="100px">
                                <c:if test="${li.type==1}">
                                    综合资讯
                                </c:if>
                                <c:if test="${li.type==2}">
                                    塑胶官网
                                </c:if>
                                <c:if test="${li.type==3}">
                                    名站
                                </c:if>
                                <c:if test="${li.type==4}">
                                    推荐供应商
                                </c:if>
                            </td>
                            <td width="100px">${li.idValue}</td>
                            <td width="100px">${li.idValue2}</td>
                            <td width="100px">${li.idValue3}</td>
                            <td class="td-manage">

                                <a title="编辑" onclick="member_edit('编辑','member-add.html','4','','510')" href="javascript:;"  class="btn btn-xs btn-info" ><i class="icon-edit bigger-120"></i></a>
                                <a title="删除" href="javascript:;"  onclick="member_del(this,'1')" class="btn btn-xs btn-warning" ><i class="icon-trash  bigger-120"></i></a>
                            </td>
                        </tr>

                    </c:forEach>

                    </tbody>
                    <tfoot id="sertfoot">
                    <tr class="">
                        <td colspan="10" class="text-center">
                            <c:if test="${list.pageNo!=1}">
                                <a id="suoye" href="javascript:suoye();" style="cursor: pointer;">首页</a>
                                <a id="upye" href="javascript:upye();" style="cursor: pointer;">上一页</a>
                            </c:if>

                            <c:if test="${list.pageNo!=list.pageTotal}">
                                <a id="downye" href="javascript:downye();" name="down" value="下一页" style="cursor: pointer;">下一页</a>
                                <a id="meiye" href="javascript:meiye();" style="cursor: pointer;">尾页</a>
                            </c:if>
                        </td>
                    </tr>

                    </tfoot>
                </table>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script>
    jQuery(function($) {
        /*var oTable1 = $('#sample-table').dataTable( {
            "aaSorting": [[ 1, "desc" ]],//默认第几个排序
            "bStateSave": true,//状态保存
            "aoColumnDefs": [
                //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
                {"orderable":false,"aTargets":[0,2,3,4,5,8,9]}// 制定列不参与排序
            ] } );*/


        $('table th input:checkbox').on('click' , function(){
            var that = this;
            $(this).closest('table').find('tr > td:first-child input:checkbox')
                .each(function(){
                    this.checked = that.checked;
                    $(this).closest('tr').toggleClass('selected');
                });

        });


        $('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
        function tooltip_placement(context, source) {
            var $source = $(source);
            var $parent = $source.closest('table')
            var off1 = $parent.offset();
            var w1 = $parent.width();

            var off2 = $source.offset();
            var w2 = $source.width();

            if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
            return 'left';
        }
    });
    laydate({
        elem: '#start',
        event: 'focus'
    });
    $(function() {
        $("#products_style").fix({
            float : 'left',
            //minStatue : true,
            skin : 'green',
            durationTime :false,
            spacingw:30,//设置隐藏时的距离
            spacingh:260,//设置显示时间距
        });
    });
</script>
<script type="text/javascript">
    //初始化宽度、高度
    $(".widget-box").height($(window).height()-215);
    $(".table_menu_list").width($(window).width()-260);
    $(".table_menu_list").height($(window).height()-215);
    //当文档窗口发生改变时 触发
    $(window).resize(function(){
        $(".widget-box").height($(window).height()-215);
        $(".table_menu_list").width($(window).width()-260);
        $(".table_menu_list").height($(window).height()-215);
    })

    /*******树状图*******/
    var setting = {
        view: {
            dblClickExpand: false,
            showLine: false,
            selectedMulti: false
        },
        data: {
            simpleData: {
                enable:true,
                idKey: "id",
                pIdKey: "pId",
                rootPId: ""
            }
        },
        callback: {
            beforeClick: function(treeId, treeNode) {
                var zTree = $.fn.zTree.getZTreeObj("tree");
                if (treeNode.isParent) {
                    zTree.expandNode(treeNode);
                    return false;
                } else {
                    demoIframe.attr("src",treeNode.file + ".html");
                    return true;
                }
            }
        }
    };

    var zNodes =[
        { id:1, pId:0, name:"综合分类列表", open:true},
        { id:11, pId:1, name:"综合资讯"},
       /* { id:111, pId:11, name:"蔬菜"},
        { id:112, pId:11, name:"苹果"},
        { id:113, pId:11, name:"大蒜"},
        { id:114, pId:11, name:"白菜"},
        { id:115, pId:11, name:"青菜"},*/
        { id:12, pId:1, name:"塑胶官网"},
        /*{ id:121, pId:12, name:"手机 "},
        { id:122, pId:12, name:"照相机 "},*/
        { id:13, pId:1, name:"名站"},
        /*{ id:131, pId:13, name:"手机 "},
        { id:122, pId:13, name:"照相机 "},*/
        { id:14, pId:1, name:"推荐供应商"},
        /*{ id:141, pId:14, name:"手机 "},
        { id:42, pId:14, name:"照相机 "},*/
    ];

    var code;

    function showCode(str) {
        if (!code) code = $("#code");
        code.empty();
        code.append("<li>"+str+"</li>");
    }

    $(document).ready(function(){
        var t = $("#treeDemo");
        t = $.fn.zTree.init(t, setting, zNodes);
        demoIframe = $("#testIframe");
        demoIframe.bind("load", loadReady);
        var zTree = $.fn.zTree.getZTreeObj("tree");
        zTree.selectNode(zTree.getNodeByParam("id",'11'));
    });
    /*产品-停用*/
    function member_stop(obj,id){
        layer.confirm('确认要停用吗？',function(index){
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs " onClick="member_start(this,id)" href="javascript:;" title="启用"><i class="icon-ok bigger-120"></i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已停用</span>');
            $(obj).remove();
            layer.msg('已停用!',{icon: 5,time:1000});
        });
    }

    /*产品-启用*/
    function member_start(obj,id){
        layer.confirm('确认要启用吗？',function(index){
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs btn-success" onClick="member_stop(this,id)" href="javascript:;" title="停用"><i class="icon-ok bigger-120"></i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
            $(obj).remove();
            layer.msg('已启用!',{icon: 6,time:1000});
        });
    }
    /*产品-编辑*/
    function member_edit(title,url,id,w,h){
        layer_show(title,url,w,h);
    }

    /*产品-删除*/
    function member_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            $(obj).parents("tr").remove();
            layer.msg('已删除!',{icon:1,time:1000});
        });
    }
    //面包屑返回值
    var index = parent.layer.getFrameIndex(window.name);
    parent.layer.iframeAuto(index);
    $('.Order_form').on('click', function(){
        var cname = $(this).attr("title");
        var chref = $(this).attr("href");
        var cnames = parent.$('.Current_page').html();
        var herf = parent.$("#iframe").attr("src");
        parent.$('#parentIframe').html(cname);
        parent.$('#iframe').attr("src",chref).ready();;
        parent.$('#parentIframe').css("display","inline-block");
        parent.$('.Current_page').attr({"name":herf,"href":"javascript:void(0)"}).css({"color":"#4c8fbd","cursor":"pointer"});
        //parent.$('.Current_page').html("<a href='javascript:void(0)' name="+herf+" class='iframeurl'>" + cnames + "</a>");
        parent.layer.close(index);

    });
</script>

